/*
 * @Author: your name
 * @Date: 2021-11-18 20:52:18
 * @LastEditTime: 2021-11-19 10:35:07
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \vue_cli_demo5\src\api\axios.js
 */
import axios from 'axios'
import config from '../config/index'
// 设置配置 根据开发 和 生产环境不一样 
const baseUrl = process.env.NODE_ENV === 'development' ? config.baseUrl.dev : config.baseUrl.pro

class HttpRequest{
    constructor(baseUrl) {
        this.baseUrl = baseUrl
      }
      getInsideConfig () {
        const config = {
          baseURL: this.baseUrl,
          header: {
    
          }
        }
        return config
      }

    interceptors(instanse){
        // 添加请求拦截器
        instanse.interceptors.request.use(function (config) {
            // 在发送请求之前做些什么
            console.log('拦截处理请求');
            return config;
        }, function (error) {
            // 对请求错误做些什么
            return Promise.reject(error);
        });

        // 添加响应拦截器
        instanse.interceptors.response.use(function (response) {
            console.log('处理相应');
        // 对响应数据做点什么
        return response.data;
        }, function (error) {
            // 对响应错误做点什么
            return Promise.reject(error);
        });
    }

    request (options) {
        // 请求
        // /api/getList  /api/getHome
        const instanse = axios.create()
        // 技巧
        // /api // api1
        options = { ...(this.getInsideConfig()), ...options }
        // console.log(options);
        this.interceptors(instanse)
        return instanse(options)
      }

}

export default new HttpRequest(baseUrl)
